        
        <span id="correcto"></span>
        <div class="margen_bottom_10"><span class="label"><?php echo __('Nombre del cliente ');?> *:</span>
            <span>
                <input class="cal" type="text" name="notificacion[cliente_nombre]" id="notificacion_cliente_nombre" value="<?php echo $cliente->getNombre().' '.$cliente->getPrimerApellido().' '.$cliente->getSegundoApellido();?>">
            </span>
	</div>
        <span class="oculto">
            <input class="lectura" type="text" name="notificacion[contacto_id]" value="<?php echo $cliente->getId()?>" id="notificacion_contacto_id">
        </span>
        <span id='mostrarOcultarContacto' class='mostrarMasDatos pestanaEditando'></span>
        <div id="datosClienteActual">
            <?php include_partial('contacto/muestraContacto',array ('cliente' => $cliente))?>
        </div>


<script language="JavaScript" type="text/javascript">
$(document).ready(function() { 
            var mostrarContacto = false;
            $(".ui-tooltip").remove();
  	    $("#masmenosContacto").hide();
            $("#correcto").addClass('checked');
            
  	    
            $("#mostrarOcultarContacto").click(function () {
                            $("#masmenosContacto").toggle("slow");
                            if (mostrarContacto){
                                    mostrarContacto = false;
                                    $("#mostrarOcultarContacto").addClass('mostrarMasDatos');
                                    $("#mostrarOcultarContacto").removeClass('ocultarMasDatos');
                            }else{
                                    mostrarContacto = true;
                                    $("#mostrarOcultarContacto").removeClass('mostrarMasDatos');
                                    $("#mostrarOcultarContacto").addClass('ocultarMasDatos');
                            }
            });    
                
            $("#notificacion_cliente_nombre").autocomplete({
                source: "<?php echo url_for('contacto/ajaxClientes')?>",
                minLength: 0,
                select: function( event, ui ) {
                  $('#notificacion_contacto_id').val(ui.item.id);  
                  var cliente_id = ui.item.id;
                  var url = "<?php echo url_for('notificacion/actualizaClienteId'); ?>"+"?cliente_id="+cliente_id;
                  $("#datosCliente").load(url);
                   
                    // !!! Important !!! 
                    // always return false to prevent standard browser submit and page navigation 
                  return false; 
                }
            });
            
            //Si he insertado un cliente con autocomplete, que borre su id al escribir sobre el campo
            $('#notificacion_cliente_nombre').keydown(function() {                   
                   var id = $('#notificacion_contacto_id').val();                   
                   if (id != ''){
                       $('#notificacion_contacto_id').val('');
                   }                    
                   $("#correcto").removeClass('checked');
                   $("#cliente").remove();
                   $("#mostrarOcultarContacto").remove();
            });
  	    
            
               
 }); 
</script>

<script language="JavaScript" type="text/javascript">
	$('input[type="text"]').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
	$('input[type="text"]').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
	$('textarea').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
	$('textarea').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
        $('select').focus(function() {
	    $(this).addClass("focus");
	    $(this).parent().parent().addClass("focustr");
	});
	$('select').blur(function() {
	    $(this).removeClass("focus");
	    $(this).parent().parent().removeClass("focustr");
	});
</script>